<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>浮动</title>
    <style>
        img {
            float: right;
        }
    </style>
</head>
<body>

<h1>向左浮动</h1>
<p>在本例中，图像会在段落中向左浮动，而段落中的文本会包围这幅图像。</p>
<p><img src="1.jpg" style="width:170px;height:170px;margin-right:15px;">
    领先的 Web 技术教程 - 全部免费。在 W3School，你可以找到你所需要的所有的网站建设教程。从基础的 HTML 到 CSS，乃至进阶的 XML、SQL、JS、PHP。
    我们的参考手册涵盖了网站技术的方方面面。其中包括W3C标准技术：HTML、CSS、XML 。以及其他技术，诸如 JavaScript、PHP、SQL 等。
    在 W3School，我们提供上千个实例。通过使用我们的在线编辑器，你可以编辑这些例子，并对代码进行实验。</p>


</body>
</html>